<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <script src="/static/js/join_shop_car.js" type="text/javascript"></script>
    <script src="/static/js/collect.js" type="text/javascript"></script>
    <script src="http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=402727"></script>
    <!--[if IE 7]>
<link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css">
<![endif]-->
    <title>商品详细介绍</title>
</head>

{% extends 'index.html' %}
<body>
<!--顶部样式-->
{% block content %}

    <!---->
    <!--位置-->
    <div class="Bread_crumbs">
        <div class="Inside_pages clearfix">
            <div class="left">当前位置：<a href="#">首页</a>><a href="{{ url_for('index.product_list') }}">所有果蔬</a>><a
                    href="#">{{ product.product_name }}</a></div>
            <div class="right Search">
                <form>
                    <input name="" type="text" class="Search_Box"/>
                    <input name="" type="button" name="" class="Search_btn"/>
                </form>
            </div>
        </div>
    </div>
    <!--商品详细介绍-->
    <div class="Inside_pages clearfix">
        <div class="left_style">
            {% if product.type == 'vegetable' %}
                <div class="title_img_p"><img src="/static/images/p_vegetables_img.png"/></div>

            {% elif product.type == 'fruit' %}
                <div><img src="/static/images/fruit_all.jpg"/></div>
            {% endif %}
            {#            <div class="ranking">#}
            {#                <div class="ranking_title"><span>销量</span>排行</div>#}
            {#                <ul class="ranking_list">#}
            {#                    <li class="">#}
            {#                        <em class="ranking_label">1</em>#}
            {#                        <a href="#" class="img"> <img src="/static/images/product_img_17.png" width="100px"#}
            {#                                                      height="100px"/></a>#}
            {#                        <p class="ranking_name">浦江特产绿豌豆天然无污染</p>#}
            {#                        <p class="price"><b>￥</b>12.54</p>#}
            {#                        <p><a href="#">立即查看< </a></p>#}
            {#                    </li>#}
            {#                </ul>#}
            {#            </div>#}
        </div>
        <!--详细介绍样式-->
        <div class="right_style">
            <div class="pro_detailed">
                <div class="Details_style clearfix" id="goodsInfo">
                    <div class="mod_picfold clearfix">
                        <div class="clearfix" id="detail_main_img">
                            <div class="layout_wrap">
                                <!--相册样式--><img src="/static/product_img/{{ product.product_avatar }}"
                                                style="width: 430px;height: 485px">
                            </div>
                        </div>
                        <div class="Sharing">
                            <div class="bdsharebuttonbox right">
                                <a href="#" class="bds_more" data-cmd="more"></a>
                                <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                                <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
                                <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
                                <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                                <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
                            </div>
                            <script>
                                window._bd_share_config = {
                                    "common": {
                                        "bdSnsKey": {},
                                        "bdText": "",
                                        "bdMini": "2",
                                        "bdMiniList": false,
                                        "bdPic": "",
                                        "bdStyle": "1",
                                        "bdSize": "16"
                                    },
                                    "share": {},
                                    "image": {
                                        "viewList": ["qzone", "weixin", "tsina", "tqq", "renren"],
                                        "viewText": "分享到：",
                                        "viewSize": "16"
                                    },
                                    "selectShare": {
                                        "bdContainerClass": null,
                                        "bdSelectMiniList": ["qzone", "weixin", "tsina", "tqq", "renren"]
                                    }
                                };
                                with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
                            </script>
                            <!--收藏-->
                            <div class="coding">商品编码：3434534534534534</div>
                        </div>
                    </div>
                    <!--购买信息-->
                    <div class="Buying_info">
                        <div class="product_name"><h2>{{ product.product_name }}</h2>
                            <span>{{ product.introduce }}</span>
                        </div>
                        <div class="product_price">
                            <div class="price"><label>商城价：</label>￥{{ product.price }} <b>元/箱</b></div>
                            <div class="jyScore-fra"><span><em style="width:60px;"></em></span><b>4.5</b><a
                                    href="#">共有16条评论</a></div>
                        </div>
                        <div class="productDL">
                            {#                            <dl>#}
                            {#                                <dt>品种：</dt>#}
                            {#                                <dd class="left">#}
                            {#                                    <div class="item  selected"><b></b><a href="#none" title="金晕">芹川</a></div>#}
                            {#                                    <div class="item"><b></b><a href="#none" title="芹川">芹川</a></div>#}
                            {#                                </dd>#}
                            {#                            </dl>#}
                            {#                            <dl>#}
                            {#                                <dt>包装：</dt>#}
                            {#                                <dd class="left">#}
                            {#                                    <div class="item  selected"><b></b><a href="#none" title="小礼盒">小礼盒</a></div>#}
                            {#                                    <div class="item"><b></b><a href="#none" title="普通包装">普通包装</a></div>#}
                            {#                                    <div class="item"><b></b><a href="#none" title="大礼盒">大礼盒</a></div>#}
                            {#                                </dd>#}
                            {#                            </dl>#}
                            <dl>
                                <dt>数量：</dt>
                                <dd class="left">
                                    <div class="Numbers">
                                        <a class="jian" id="jian" onclick="jian(this)">-</a>
                                        <input id="number" name="number" type="text" value="1" class="number_text">
                                        <a class="jia" id="jia" onclick="jia(this)">+</a>
                                    </div>
                                </dd>
                                <dd class="left Quantity">(库存：30000)</dd>
                            </dl>
                        </div>
                        <div class="product_Quantity">销量：3440</div>
                        <div class="operating">
                            <a href="javascript:;" class="buy_btn" onclick="detail_buy(this);"
                               product-id="{{ product.id }}"></a>
                            <a href="#" class="Join_btn" id="join_shop_car" product-id="{{ product.id }}"></a>
                            <a href="javascript:;" class="Collect_btn" onclick="collect_product(this);"
                               product-id="{{ product.id }}"></a>
                        </div>
                    </div>
                </div>
                <!--信息展示-->
                <div class="mainListRight" id="status1">
                    <ul class="fixed_bar" style="">
                        <li class="status_on active"><a href="#status1">产品介绍</a></li>
                        <li class="status_on"><a href="status2">商品评价<span>(0)</span></a></li>
                        <li class="status_on"><a href="shbz">售后服务</a></li>
                        <div class="statusBtn" style="display: none;"><a href="javascript:addToCart_bak(77)"
                                                                         class="statusBtn1" title="加入购物车"></a></div>
                    </ul>

                </div>
            </div>
        </div>
    </div>
    <!--底部样式-->
{% endblock content %}
</body>
</html>
